<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>图片里面嵌入文本或者文件 </title>
 </head>

 <body>   
    <div id='main' class='section dark'>
        <div class='step'>选择一张图片文件</div>
        <img id='preview' class='preview hide' />
        <div class='sectionbody'>
            <input type='file' id='file' />
        </div>
    </div>
    <div id='choose' class='section dark hide'>
        <div class='step'>What do you want to do?,<div id="aa"></div>>>>><div id="bb"></div></div>
        <div class='sectionbody'>
            <div class='left'>
                <textarea id='message' class='message' style="height:200px;width:600px;"
                    placeholder='Type hidden text' onchange="document.getElementById('bb').innerHTML=this.value.length"></textarea>
					<br />
                <button id='encode' class='submit'>Hide text</button> 
                <button id='decode' class='submit'>Reveal text</button>
				<label><input type="checkbox" id="debug" />debug mode</label>
				<hr />				
				hidden file: <input type='file' id='file2' /><br />
                <button id='encode2' class='submit'>Hide file</button> 
                <button id='decode2' class='submit'>Reveal file</button>
				<div id="files"></div>
            </div>
        </div>
    </div>
    <canvas id='canvas' style="display:none;"></canvas>
    <img id='output' />
  <script type="text/javascript" src="imagemask.js"></script>
  <script src="index.js"></script>
 </body>
</html>
